<template>
	<view class="pwd-retrieve-container">
		<view :class="i===0?'background-white':'background-white bor-top'" v-for="(f,i) in materialList" :key="i">
			<view>
				<view class="content">名称：<text>{{f.name || '--'}}</text></view>
			</view>
			<view>
				<view class="content">规格型号：<text>{{f.standard || '--'}}</text></view>
			</view>
			<view>
				<view class="content">设备材质：<text>{{f.textures || '--'}}</text></view>
			</view>
			<view>
				<view class="content">技术参数：<text>{{f.specification || '--'}}</text></view>
			</view>
			<view>
				<view class="content">生产厂家：<text>{{f.factory || '--'}}</text></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			materialList: {
				type: Array,
				default: () => ([]),
			},
		}
	}
</script>

<style lang="scss" scoped>
	.pwd-retrieve-container {
		.background-white {
			background-color: #fff;
			padding: 20rpx 30rpx 1rpx 30rpx;

			view {
				padding: 14rpx 0;

				text {
					color: #666666;
					display: inline-block;
					width: 65%;
					vertical-align: top;
				}
			}

			.content {
				display: flex;
			}

			.photo {
				display: flex;
				justify-content: space-between;

				image {
					width: 214rpx;
					height: 214rpx;
				}
			}
		}
	}

	.hidden-title {
		background: #f5f5f5;
		padding: 20rpx;
		color: #999;
	}

	.bor-top {
		border-top: 20rpx solid #f5f5f5;
	}

	.content {
		display: flex;
		align-items: center;
	}
</style>